﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="RoomAvailable.aspx.cs" Inherits="HAINGUYEN_HOTEL.RoomAvailable" %>
    <%@ MasterType virtualpath="~/Site.master" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript">
    function ChoseNumberRoom() {
        var room = prompt("Vui lòng nhập vào số lượng phòng cần đặt", "1");
        if (room != null && room != "") {
            document.getElementById('<%= txtRoomNumber.ClientID %>').value = room;
        }
    }
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <%--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>--%>
    <div id="content">
        <%--<input class="show" type="button" value="Advanced search" style="margin: 0px" />--%>
        <div id="Search" style="display: block">
            <table class="roomSearch" border="0" width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <th class="th1">
                        Ngày đến
                    </th>
                    <th>
                        Ngày đi
                    </th>
                    <th>
                        Hạng Phòng
                    </th>
                    <th>
                        Loại Phòng
                    </th>
                    <th>
                        Giá
                    </th>
                    <th>
                        Số Phòng
                    </th>
                    <th class="th2">
                        Số người
                    </th>
                </tr>
                <tr>
                    <td>
                        <asp:TextBox CssClass="datepicker" ID="txtTuNgay" runat="server" Style="width: 100px"></asp:TextBox>
                    </td>
                    
                    <td>
                        <asp:TextBox CssClass="datepicker" ID="txtDenNgay" runat="server" Width="100px"></asp:TextBox>
                    </td>
                    <td>
                        <asp:DropDownList ID="ddlHangphong" runat="server" Width="100px">
                        </asp:DropDownList>
                    </td>
                    <td>
                        <asp:DropDownList ID="ddlLoaiphong" runat="server" Width="100px">
                        </asp:DropDownList>
                    </td>
                    <td>
                        <asp:TextBox ID="txtGia" runat="server" Width="100px"></asp:TextBox>
                    </td>
                    <td>
                        <asp:TextBox ID="txtSoPhong" runat="server" Width="50px">6</asp:TextBox>
                    </td>
                    <td>
                        <asp:TextBox ID="txtSoNguoi" runat="server" Width="50px">6</asp:TextBox>
                    </td>
                </tr>
            </table>
             <div>
            <asp:Button ID="btnSearch" OnClick="btnSearch_Click" UseSubmitBehavior="true" runat="server" Text="Tìm phòng" Style="margin-top: 3px;
                margin-left: 0px" CssClass="primary " />
        </div>
        </div>
        <div class="hidden">
            <asp:TextBox runat="server" ID="txtRoomNumber"  />
        </div>

        
        <asp:UpdatePanel ID="updtlist" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <asp:Repeater runat="server" ID="rpHangPhong" OnItemDataBound="rpHangPhong_ItemDataBound">
                    <ItemTemplate>
                        <div class="red-left">
                            <%#Eval("TenHangPhong") %></div>
                        <asp:UpdatePanel runat="server" UpdateMode="Conditional" ID="uplistPhong">
                            <ContentTemplate>
                                <asp:DataList ID="datalistPhong" runat="server" RepeatColumns="4" OnItemDataBound="dlloaiphong_ItemDataBound">
                                    <ItemTemplate>
                                        <div class="col-1">
                                            <img alt="" class="extra-img png" src="Images/Room/<%# Eval("HANG_PHONG.HinhAnh") %>" />
                                            <dl class="list1">
                                                <dt><%# Eval("LOAI_PHONG.TenLoaiPhong") %></dt>
                                                <dd>
                                                Hãy tận hưởng kỳ nghĩ của bạn, đến với chúng tôi các bạn sẽ nhận được sự ân cần, chu đáo
                                                cũng như những chất lượng phòng và các dịch vụ tốt nhất hiện nay. Xin kính chào!    
                                                </dd>
                                                <dd>
                                                    <span>
                                                        <%# Eval("LOAI_PHONG.SoGiuong") %></span>số giường</dd>
                                                <dd>
                                                    <span>
                                                        <asp:Label runat="server" ID="lbCount" />
                                                    </span>Số phòng còn trống</dd>
                                                <dd class="last">
                                                    <span>$VND
                                                        <%# String.Format("{0:0,0}",Eval("Gia")) %></span>Giá:</dd>
                                            </dl>
                                            
                                            <div id="order" style="text-align:center">
                                                <asp:Button  CssClass="primary" runat="server" ID="btnOrder"  CommandArgument='<%# Eval("MaLoaiPhong")+"-"+Eval("MaHangPhong")+"-"+Eval("LOAI_PHONG.SoGiuong") %>' Text="Đặt phòng" OnClick="btnOrder_Click" OnClientClick="myFunction()" />
                                            </div>
                                    </ItemTemplate>
                                </asp:DataList>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </ItemTemplate>
                </asp:Repeater>
            </ContentTemplate>
        </asp:UpdatePanel>
        
        <!--popup--->
        <div id="overlay_form" runat="server" style="display: none; position: fixed">
            <div class="close">
                <img src="Images/Shared/home.png" style="float: left" />
                <a id="close">Close</a></div>
            <fieldset>
                <legend>Thông tin khách hàng </legend>
                <table style="width: 100%;">
                    <tr>
                        <td>
                            Họ Tên
                        </td>
                        <td>
                            Email
                        </td>
                        <td>
                            Phone
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                        </td>
                        <td>
                            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                        </td>
                        <td>
                            <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                </table>
            </fieldset>
            <fieldset>
                <legend>Thông tin đặt phòng </legend>
                <table class="product-table" border="0" width="100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <th class="th1">
                            Ngày đến
                        </th>
                        <th>
                            Ngày đi
                        </th>
                        <th>
                            Hạng Phòng
                        </th>
                        <th>
                            Loại Phòng
                        </th>
                        <th>
                            Đơn giá
                        </th>
                        <th>
                            Số Phòng
                        </th>
                        <th class="th2">
                            Tổng tiền
                        </th>
                    </tr>
                    <tr>
                        <td>
                            <asp:TextBox CssClass="datepicker" ID="TextBox4" runat="server" Style="width: 150px"></asp:TextBox>
                        </td>
                        <td>
                            <asp:TextBox CssClass="datepicker" ID="TextBox5" runat="server" Width="150px"></asp:TextBox>
                        </td>
                        <td>
                            Tiêu Chuẩn hơn
                        </td>
                        <td>
                            Đôi
                        </td>
                        <td>
                            12$USD/Ngày
                        </td>
                        <td>
                            <asp:TextBox ID="TextBox6" runat="server" Width="100px">6</asp:TextBox>
                        </td>
                        <td>
                            712$USD
                        </td>
                    </tr>
                </table>
            </fieldset>
            <div class="item_box">
                <label>
                    <input name="btype" type="radio" class="f_radio" value="paypal" checked="">
                    <img src="http://image.ecplaza.net/global/trademall/common/img_paysytem.gif" alt="PayPal"
                        class="vm"><img src="http://image.ecplaza.net/global/trademall/common/img_paycard.gif"
                            alt="" class="vm"></label>
                <asp:Button ID="btn_Submit" runat="server" Text="Make Payment" OnClick="btn_Submit_Click1"
                    Style="float: right;" CssClass="primary" />
            </div>
        </div>
        <!-- End popup ---->
    </div>
</asp:Content>
